<!DOCTYPE html>
<html lang="en">
	<head>
		<title>支付页面</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- css -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
		<link rel="stylesheet" href="../seller/css/reveal.css" />
		<!--// css -->
		<style type="text/css">
			
			table,tr,td,th{
				height: 40px;
			}
			th{
				font-size: 20px;
			}
			td{
				border: 1px solid #000;
				text-align: center;
				cursor: pointer;
			}
		</style>
		<script type="text/javascript" src="../seller/js/plugins/jquery-1.7.min.js"></script>
		<script src="../seller/js/plugins/jquery.reveal.js"></script>
	</head>
	
	<body>

	
	<div class="header-top-w3layouts" style="background-color: #fff;">
		<div class="container">
			<div class="col-md-6 logo-w3">
				<h2 style="text-align: left;color: #000;line-height: 90px;font-weight: bold;font-size: 30px;">确认订单</h2>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
		
		<div class="header-bottom-w3ls" style="padding: 0px;overflow: hidden;">			
			<div class="container" style="overflow: hidden;position: relative;">	
				<table  style="width:80%;clear: both;line-height: 20px;">
					<th>收货地址</th>
					<tr>
						<td>地址一</td>
						<td>地址二</td>
						<td>更多</td>
					</tr>
					<th>配送时间</th>
					<tr>
						<td>不限送货时间</td>
						<td>工作日送货</td>
						<td>双休假日送货</td>
					</tr>
					<th>发票</th>
					<tr>
						<td>电子发票</td>
						<td>普通发票</td>
						<td>不要发票</td>
					</tr>
					
	
				</table>
				
				
			
				<div style="float: right;margin:36px 226px 0px 0px;font-size:22px">应付金额 ：<span>*****</span>元</div>
			
				<div class="button" data-reveal-id="myModal" id="pay" style="clear:both;float: right;width: 188px;height: 40px;color: #fff;background-color: #f25807;text-align: center;line-height: 40px;cursor: pointer;margin: 43px 218px 0px 0px;">提交订单</div>
			    
			       
			</div>		
			
		</div>
		
		   
			    <div id="myModal" class="reveal-modal">
					<table style="margin-bottom: 20px;">
						<th>支付方式</th>
						<tr id="payshow" style="margin-top: 20px;">
							<td>微信</td>
							<td  style="width: 100px;">支付宝</td>
						</tr>
					</table>
					<div id="paycode" style="display: none;width: 120px;height: 112px;position: absolute;bottom:0;right: 63px;background: url(img/code.jpg) no-repeat;background-size: 100% 100%;"></div>
			
				</div>
		
		<script>
			$("#nextbtn").click(function(){
				window.location.href = "pay.html";
			})
			$("#payshow").click(function(){
				$("#paycode").show();
			})
			
			$("#paycode").click(function(){
				window.location.href = "payok.html";
			})
		</script>
	</body>
</html>